<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表元素</title>
	</head>
	<body>
		<!-- 列表：存储相同数据的元素
		 三种存储形态 ①有序列表  层叠元素  快捷键：ol>li
		             ②无序列表  层叠元素  快捷键：ul>li
					 应用网页结构：导航，左栏，面包屑导航
					 必须使用无序列表，有利于SEO优化
					 ③定义列表  层叠元素 快捷键：dl>dt+dd
		 -->
		 <h1>有序列表</h1>
		 <ol>
		 	<li>蜡笔小新</li>
		 	<li>熊出没</li>
		 	<li>大耳朵图图</li>
		 </ol>
		 <h1>无序列表</h1>
		 <ul>
		 	<li>731</li>
		 	<li>南京照相馆</li>
		 	<li>死神来了</li>
		 </ul>
		 <h1>定义列表</h1>
		 <d1>
		 	<dt><img src="img/1.png" alt="这是一只鼠"width="140px"></dt>
		 	<dd>这是一只鼠</dd>
		 </d1>
	</body>
</html>
